<!DOCTYPE html>
<html lang="en">
<head>
    
    <title>北京站智能网格化管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../lib/css/iconFont/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/common.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/emergency.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/select2.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/loading.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.datetimepicker.css">
    <style>
    .train_time .lds-css{
        position: absolute;
        background-color: transparent;
    }
    .job_right .lds-css{
        position: absolute;
    }

    .em_cnt_elm h3.title{
        position: relative;
    }
    .em_cnt_elm h3.title span{
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 3px solid #000;
        border-color: #4197e1 transparent #4197e1 transparent;
        -webkit-animation: lds-dual-ring 1.3s linear infinite;
        animation: lds-dual-ring 1.3s linear infinite;
        margin-left: 10px;
        vertical-align: -3px;
    }
    </style>
</head>
<body>
<div class="wraper">
    <!-- 头部 -->
    <!-- 主体 -->
    <div class="work_box_wrap">
        <!-- 应急列表及操作 -->
        <div class="work_box emergency_cnt">
            <div class="title_box">
                <p class="title_name">应急事件处置</p>
            </div>
            <div class="work_box_bottom">
                <div class="box_left train_mes">
                    <a href="javascript:void(0)" class="workbtn w_100 history">应急处置下发记录</a>
                    <div class="card_list_wrap emergency_wrap">
                        <ul class="card_list">
                            <li class="elm active">
                                <div class="title">
                                    <p>应急事件</p>
                                </div>
                                <div class="cnt">
                                    <span class="level">一级事件</span>
                                    <span class="status"><i></i>未激活</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box_right em_right">
                    <div class="workbtngroup">
                        <button class="workbtn emergencybtn w100 beginwork">激活应急事件</button>
                    </div>
                    <div class="em_cnt">
                        <div class="em_cnt_elm">
                            <h3 class="title">步骤1</h3>
                            <p class="cnt">具体的应急事件处理事宜，具体的应急事件处理事宜，具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜</p>
                            <div class="table_wrap">
                                <table class="elm_table">
                                    <thead>
                                        <tr>
                                            <th width="20%">接收人</th>
                                            <th width="50%">状态</th>
                                            <th width="30%">任务完成情况</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>王宇</td>
                                            <td>接受任务</td>
                                            <td>未完成</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="em_cnt_elm even">
                            <h3 class="title">步骤2</h3>
                            <p class="cnt">具体的应急事件处理事宜，具体的应急事件处理事宜，具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜</p>
                            <div class="table_wrap">
                                <table class="elm_table">
                                    <thead>
                                        <tr>
                                            <th width="20%">接收人</th>
                                            <th width="50%">状态</th>
                                            <th width="30%">任务完成情况</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>张三</td>
                                            <td>接受任务</td>
                                            <td>未完成</td>
                                        </tr>
                                    </tbody>
                                    
                                </table>
                            </div>
                        </div>
                        <div class="em_cnt_elm">
                            <h3 class="title">步骤1</h3>
                            <p class="cnt">具体的应急事件处理事宜，具体的应急事件处理事宜，具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜</p>
                            <div class="table_wrap">
                                <table class="elm_table">
                                    <thead>
                                        <tr>
                                            <th width="20%">接收人</th>
                                            <th width="50%">状态</th>
                                            <th width="30%">任务完成情况</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>张三</td>
                                            <td>接受任务</td>
                                            <td>未完成</td>
                                        </tr>
                                    </tbody>
                                    
                                </table>
                            </div>
                        </div>
                        <div class="em_cnt_elm even">
                            <h3 class="title">步骤2</h3>
                            <p class="cnt">具体的应急事件处理事宜，具体的应急事件处理事宜，具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜具体的应急事件处理事宜</p>
                            <div class="table_wrap">
                                <table class="elm_table">
                                    <thead>
                                        <tr>
                                            <th width="20%">接收人</th>
                                            <th width="50%">状态</th>
                                            <th width="30%">任务完成情况</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>张三</td>
                                            <td>接受任务</td>
                                            <td>未完成</td>
                                        </tr>
                                    </tbody>
                                    
                                </table>
                            </div>
                        </div>
                    </div>
                   
                    <!-- loading动画 -->
                    <!-- <div class="lds-css ng-scope">
                        <div class="lds-dual-ring">
                            <div></div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
        <!-- 应急详情 -->
        <div class="work_box emergency_history" style="display:none">
            <div class="title_box">
                <p class="title_name"><a href="javascript:void(0)" class="back_mergency">返回应急事件处置</a>/事件记录</p>
            </div>
                <div class="mes_list">
                        <div class="nolist">
                            <p>没有符合条件的信息</p>
                        </div>
                        <ul>
                            <li class="tab_head">
                                <span>序号</span>
                                <span>事件名称</span>
                                <span>事件等级</span>
                                <span>下发时间</span>
                                <span>结束时间</span>
                            </li>
                            
                         <li class="tab_mes">
                            <span>1</span>                       
                            <span>报告</span>                      
                            <span>一级事件</span>                      
                            <span>2018-01-10 20:30</span>
                            <span>2018-01-10 20:30</span>
                        </li>
                        <!--    <li class="tab_mes"> 
                                <span>01</span>
                                <span>引导显示器</span>
                                <span>LED</span>
                                <span>1站台</span>
                                <span>信息化车间</span>
                                <span>张三</span>
                                <span>客运车间</span>
                                <span>10.13 14:00</span>
                                <span>报修</span>
                                <span>查看详情</span>
                            </li>  -->
                            
                        </ul>
                </div>
                <div class="page_box"></div>
        </div>
    </div>
    <script src="../lib/js/jquery-1.8.3.min.js"></script>
    <script src="../lib/js/base.js"></script>
	<script src="../lib/js/select2.full.min.js"></script>
    <script src="../lib/js/datetimepicker.js"></script>
    <script src="../lib/js/emergency.js"></script>
	
</div>
</body>
</html>

